li {
    list-style: none;
}

* {
    padding: 0;
    margin: 0;
}

img {
    display: block;
}

a {
    text-decoration: none;
}

.header {
    height: .88rem /* 44/50 */;
    background-color: #fff;
    padding: 0 .24rem /* 12/50 */;
    box-sizing: border-box;
    position: relative;
    .header-left{
        position: absolute;
        top: .2rem /* 10/50 */;
        left: .24rem /* 12/50 */;
        width: .48rem /* 24/50 */;
        height: .48rem /* 24/50 */;
        font-size: .4rem /* 20/50 */;
        color: #232628;
    }
    .header-conter{
        
        height: .88rem/* 44/50 */
        ;
        text-align: center;
        line-height: .88rem/* 44/50 */
        ;
        color: #232628;
        font-size: .32rem/* 16/50 */
        ;
    }
   
}
.nav{
    height: .84rem /* 42/50 */;
    display: flex;
    .nav-top{
        width: 2.5rem /* 125/50 */;
        height: .84rem /* 42/50 */;
        img{
            width: 2.5rem /* 125/50 */;
            height: .84rem /* 42/50 */;
        }
    }
    .nav-bottom{
        width: 5rem /* 250/50 */;
        height: .84rem /* 42/50 */;
        padding: 0 .2rem /* 10/50 */;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .nav-item{
            font-size: .28rem /* 14/50 */;
            color: #333333;
            padding: .04rem /* 2/50 */ 0;
        }
        .active{
            color: #232628;
            border-bottom: #19AFE8 .04rem /* 2/50 */ solid;
            font-weight: bold
        }
    }
}
.box{
    display: none;
    // 首页部分
    .banner{
        height: 3.6rem /* 180/50 */;
        .navigation img{
            display: block;
            width: 100%;
            height: 3.6rem /* 180/50 */;
    
        }
        .swiper-pagination-bullet{
            width: .12rem /* 6/50 */;
            height: .12rem /* 6/50 */;
            background: #fff;
            opacity: 1;
        }
        .swiper-pagination-bullet-active{
            width: .64rem /* 32/50 */;
            height: .12rem /* 6/50 */;
            background-color: #FF734C;
            border-radius: .64rem /* 32/50 */;
    
        }
    }
    .qyqy{
        height: 3.94rem /* 197/50 */;
        padding: .44rem /* 22/50 */ .12rem /* 6/50 */ .64rem /* 32/50 */;
        box-sizing: border-box;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .qyqy-bottom{
             height: 2.06rem /* 103/50 */;
             margin-top: .24rem /* 12/50 */;
             display: flex;
             .qyqy-item{
                 flex: 1;
                 height: 2.06rem /* 103/50 */;
                 img{
                     width: .8rem /* 40/50 */;
                     height: .8rem /* 40/50 */;
                     margin:0 auto;
                 }
                 .qyqy-title{
                    height: .42rem /* 21/50 */;
                    margin-top: .2rem /* 10/50 */;
                    text-align: center;
                    line-height: .42rem /* 21/50 */;
                    color: #232628;
                    font-weight: 600;
                    font-size: .3rem /* 15/50 */;
                 }
                .qyqy-desc{
                    height: .6rem /* 30/50 */;
                    margin-top: .04rem /* 2/50 */;
                    line-height: .3rem /* 15/50 */;
                    color: #232628;
                    font-size: .24rem /* 12/50 */;
                    text-align: center;
                }
            }
         }
    
    }
    .product{
        height: 18.629rem /* 931.45/50 */;
        padding: .44rem /* 22/50 */ 0 .56rem /* 28/50 */ ;
        box-sizing: border-box;
        background: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .product-bottom{
            height: 16.829rem /* 841.45/50 */;
            margin-top: .24rem /* 12/50 */;
            padding:  0  .13rem /* 6.5/50 */;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .product-item{
                width: 3.4rem /* 170/50 */;
                height: 5.3696rem /* 268.48/50 */;
                margin: 0 .11rem /* 5.5/50 */ .24rem /* 12/50 */;
                border-radius: .16rem /* 8/50 */;
                overflow: hidden;
                // box-sizing: border-box;
                background-color: #fff;
                img{
                    display: block;
                    width: 100%;
                    height: 3.7116rem /* 185.58/50 */;
                }
                .product-info{
                    height: 1.6582rem /* 82.91/50 */;
                    padding: .12rem /* 6/50 */ .2rem /* 10/50 */ .2rem /* 10/50 */;
                    box-sizing: border-box;
                    p{
                        height: .76rem /* 38/50 */;
                        line-height: .38rem /* 19/50 */;
                        font-size: .26rem /* 13/50 */;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        color: black;
                    }
                    .product-price{
                        height: .3982rem /* 19.91/50 */;
                        margin-top: .18rem /* 9/50 */;
                        display: flex;
                        .peicel{
                            font-size: .3rem /* 15/50 */;
                            font-weight: 600;
                            line-height: .3982rem /* 19.91/50 */;
                            color: black;
                        }
                        .peicer{
                            // width: 1.1528rem /* 57.64/50 */;
                            height: .42rem /* 21/50 */;
                            margin-left: .20rem /* 8/50 */;
                            padding: .04rem /* 2/50 */ .12rem /* 6/50 */;
                            box-sizing: border-box;
                            color: #19A6E5;
                            border: 1px solid #189ce1;
                            font-size: .24rem /* 12/50 */;
                            border-radius: .04rem /* 2/50 */;
                        }
                    }
                }
            }
         }
    }
    .container{
        height: 11.1706rem /* 558.53/50 */;
        padding: .44rem /* 22/50 */ 0 .8rem /* 40/50 */;
        background-color: #fff;
        box-sizing: border-box;
        position: relative;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                padding: 0 .28rem /* 14/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .con{
             position: relative;
             height: .92rem /* 46/50 */;
             margin-top: .24rem /* 12/50 */;
             display: flex;
             padding: 0 1rem /* 50/50 */;
             box-sizing: border-box;
             justify-content: space-around;
             align-items: center;
             .con-item{
                 height: .44rem /* 22/50 */;
                 padding-bottom: .04rem /* 2/50 */;
                 font-size: .28rem /* 14/50 */;
                 line-height: .4rem /* 20/50 */;
                 color: #232628;
    
             }
             .active{
                color: #000000;
                font-weight: 500;
                border-bottom: .04rem /* 2/50 */ #19AFE8 solid;
             }
         }
         .ta{
             position: relative;
             display: none;
            //  height: 8.2106rem /* 410.53/50 */;
             padding: 0 .24rem /* 12/50 */;
             box-sizing: border-box;
             .ta-header{
                 height: 1.08rem /* 54/50 */;
                text-align: justify;
                font-size: .24rem /* 12/50 */;
                line-height: .36rem /* 18/50 */;
                color: #232628;
             }
             .ta-center{
                 height: 3.64rem /* 182/50 */;
                 margin-top: .16rem /* 8/50 */;
                 display: flex;
                 .ta-scroll{
                     width: 2.16rem /* 108/50 */;
                     height: 3.64rem /* 182/50 */;
                     padding: .24rem /* 12/50 */ 0;
                     background-color: #F3F5F7;
                     box-sizing: border-box;
                     .ta-item{
                         height:.36rem /* 18/50 */;
                         margin-bottom: .16rem /* 4/50 */;
                         font-size: .26rem /* 13/50 */;
                         line-height:.36rem /* 18/50 */;
                         text-align: center;
                     }
                     .active{
                         height: .52rem /* 26/50 */;
                         line-height: .52rem /* 26/50 */;
                         margin-bottom: .08rem /* 4/50 */;
                         background-color: #19afe8;
                         color: #fff;
                     }
                 }
                 .ta-img{
                    display: block;
                    width: 4.86rem /* 243/50 */;
                    height: 3.64rem /* 182/50 */;
                    display: none;
                 }
                 .active{
                     display: block;
                 }
             }
             .ta-footer{
                //  height: 3.1706rem /* 158.53/50 */;
                 margin-top: .16rem /* 8/50 */;
                 box-sizing: border-box;
                 display: none;
                 .ta-example{
                     height: .8106rem /* 40.53/50 */;
                     width: 100%;
                     img{
                         width: 1.52rem /* 76/50 */;
                         height: .8106rem /* 40.53/50 */;
                     }
                 }
                 .ta-requirement{
                    //  height: 2.2rem /* 110/50 */;
                     margin-top: .16rem /* 8/50 */;
                     box-sizing: border-box;
                     font-size: .24rem /* 12/50 */;
                     line-height: .34rem /* 17/50 */;
                     color: rgba(35, 38, 40, 0.7);
                     strong{
                         color: #232628;
    
                     }
                 }
             }
             .active{
                 display: block;
             }
         }
         .active{
             display: block;
         }
    }
    
    .advantage{
        height: 9.845rem /* 492.25/50 */;
        background-color: #F3F5F7;
        padding: .44rem /* 22/50 */ 0;
        box-sizing: border-box;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .advantage_list{
             height: 8.165rem /* 408.25/50 */;
             margin-top: .24rem /* 12/50 */;
             padding: 0 .13rem /* 6.5/50 */;
             box-sizing: border-box;
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
             
             .advantage_item{
                 width: 3.4rem /* 170/50 */;
                 height: 3.8426rem /* 192.13/50 */;
                 border-radius: .16rem /* 8/50 */;
                 background-color: #fff;
                 overflow: hidden;
                 margin-bottom: .24rem /* 12/50 */;
                 margin: 0 .11rem /* 5.5/50 */;
                 box-sizing: border-box;
                 .advantange_item_pic{
                     width:3.4rem /* 170/50 */;
                     height: 2.2626rem /* 113.13/50 */;
                     img{
                         
                     width:3.4rem /* 170/50 */;
                     height: 2.2626rem /* 113.13/50 */;
                     }
                 }
                 .advantange_item_content{
                     height: 1.58rem /* 79/50 */;
                     padding: .2rem /* 10/50 */;
                     box-sizing: border-box;
                     .advantange-header{
                         height: .42rem /* 21/50 */;
                         line-height: .42rem /* 21/50 */;
                         text-align: center;
                         font-size: .3rem /* 15/50 */;
                         font-weight: 600;
                         color: #232628;
                     }
                     .advantange-body{
                         height: .72rem /* 36/50 */;
                         font-size: .26rem /* 13/50 */;
                         margin-top: .04rem /* 2/50 */;
                         line-height: .36rem /* 18/50 */;
                         color: rgba(35, 38, 40, 0.7);
                         text-align: center;
                     }
                 }
    
             }
         }
    }
    .partners{
        height: 5.8512rem /* 292.56/50 */;
        padding: .44rem /* 22/50 */ .4rem /* 20/50 */ .8rem /* 40/50 */;
        box-sizing: border-box;
        background-color: #fff;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         img{
             display: block;
             margin-top: .24rem /* 12/50 */;
             width: 100%;
             height: 3.8112rem /* 190.56/50 */;
             box-sizing: border-box;
         }
    
    }
    .requirement{
        height: 9.36rem /* 468/50 */;
        padding: .44rem /* 22/50 */ .48rem /* 20/50 */ .8rem /* 40/50 */;
        box-sizing: border-box;
        background-color: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .form{
             height: 7.12rem /* 356/50 */;
             margin-top: .44rem /* 22/50 */;
             box-sizing: border-box;
             .form-item{
                //  height: .64rem /* 32/50 */;
                 color: #232628;
                 margin-bottom: .32rem /* 16/50 */;
                 font-size: .3rem /* 15/50 */;
                 line-height: .64rem /* 32/50 */;
                 display: flex;
                 .form-item-label{
                     width: 1.28rem /* 64/50 */;
                     height: .64rem /* 32/50 */;
                     margin-right: .24rem /* 12/50 */;
                     color: #71797f;
                     text-align: justify;
                     text-align-last: justify;
                 }
                 #companyName{
                     width: 5.0162rem /* 250.81/50 */   ;
                     height: .64rem /* 32/50 */;
                     padding: 0 .24rem /* 12/50 */;
                     box-sizing: border-box;
                     font-size: .3rem /* 15/50 */;
                     border-radius: .04rem /* 2/50 */;
                    outline: none;
                    border: none;
                 }
                 #intro{
                    width: 5.0162rem /* 250.81/50 */   ;
                    height: 3.2rem /* 160/50 */;
                    padding: .12rem /* 6/50 */  .24rem /* 12/50 */;
                    box-sizing: border-box;
                    font-size: .3rem /* 15/50 */;
                    border-radius: .04rem /* 2/50 */;
                   outline: none;
                   border: none;
                 }
                 
             }
             .form-btn{
                height: .72rem /* 36/50 */;
                border-radius: .36rem /* 18/50 */;
                background: linear-gradient(
                   270deg
                   , #189ae0 0%, #19afe8 100%) ;
                   font-size: .3rem /* 15/50 */;
                   text-align: center;
                   line-height: .72rem /* 36/50 */;
                   color: #fff;
            }
         }
    }

    // 团购鲜花 部分
    .ban{
        width: 100%;
        height: 3.6rem /* 180/50 */;
        img{
            width: 100%;
            height: 3.6rem /* 180/50 */;
        }
    }
    .product{
        height: 18.629rem /* 931.45/50 */;
        padding: .44rem /* 22/50 */ 0 .56rem /* 28/50 */ ;
        box-sizing: border-box;
        background: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .product-bottom{
            height: 16.829rem /* 841.45/50 */;
            margin-top: .24rem /* 12/50 */;
            padding:  0  .13rem /* 6.5/50 */;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .product-item{
                width: 3.4rem /* 170/50 */;
                height: 5.3696rem /* 268.48/50 */;
                margin: 0 .11rem /* 5.5/50 */ .24rem /* 12/50 */;
                border-radius: .16rem /* 8/50 */;
                overflow: hidden;
                // box-sizing: border-box;
                background-color: #fff;
                img{
                    display: block;
                    width: 100%;
                    height: 3.7116rem /* 185.58/50 */;
                }
                .product-info{
                    height: 1.6582rem /* 82.91/50 */;
                    padding: .12rem /* 6/50 */ .2rem /* 10/50 */ .2rem /* 10/50 */;
                    box-sizing: border-box;
                    p{
                        height: .76rem /* 38/50 */;
                        line-height: .38rem /* 19/50 */;
                        font-size: .26rem /* 13/50 */;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        color: black;
                    }
                    .product-price{
                        height: .3982rem /* 19.91/50 */;
                        margin-top: .18rem /* 9/50 */;
                        display: flex;
                        .peicel{
                            font-size: .3rem /* 15/50 */;
                            font-weight: 600;
                            line-height: .3982rem /* 19.91/50 */;
                            color: black;
                        }
                        .peicer{
                            // width: 1.1528rem /* 57.64/50 */;
                            height: .42rem /* 21/50 */;
                            margin-left: .20rem /* 8/50 */;
                            padding: .04rem /* 2/50 */ .12rem /* 6/50 */;
                            box-sizing: border-box;
                            color: #19A6E5;
                            border: 1px solid #189ce1;
                            font-size: .24rem /* 12/50 */;
                            border-radius: .04rem /* 2/50 */;
                        }
                    }
                }
            }
         }
    }
    .card{
        // height: 4.96rem /* 248/50 */;
        padding: .4rem /* 20/50 */ .24rem /* 12/50 */ .56rem /* 28/50 */;
        box-sizing: border-box;
        background-color: #F3F5F7;
        .card-item{
            background-color: #fff;
            height: 1.76rem /* 88/50 */;
            margin-bottom: .24rem /* 12/50 */;
            display: flex;
            border-radius: .16rem /* 8/50 */;
            align-items: center;
            .card-item-pic{
                width: 3.4rem /* 170/50 */;
                height: 1.76rem /* 88/50 */;
                img{
                    width: 3.4rem /* 170/50 */;
                    height: 1.76rem /* 88/50 */;
                }
            }
            .card-item-info{
                width: 3.62rem /* 181/50 */;
                height: 1.16rem /* 58/50 */;
                margin-left: .22rem /* 11/50 */;
                box-sizing: border-box;
                .card-item-info-title{
                    height: .4rem /* 20/50 */;
                    display: flex;
                    align-items: center;
                    font-size: .3rem /* 15/50 */;
                    font-weight: 600;
                    color: #232628;
                    line-height: .4rem /* 20/50 */;
                    .blue{
                        display: block;
                        width: .08rem /* 4/50 */;
                        height: .2rem /* 10/50 */;
                        background-color: #19afe8;
                        margin-right: .12rem /* 6/50 */;
                    }
                }
                .card-item-info-desc{
                    height: .72rem /* 36/50 */;
                    padding: .04rem /* 2/50 */  0  0  .2rem /* 10/50 */;
                    box-sizing: border-box;
                    color: rgba(35, 38, 40, 0.7);
                    font-size: .26rem /* 13/50 */;
                    line-height: .36rem /* 18/50 */;
                }
            }
            .left{
                text-align: right;
                margin-right: .22rem /* 11/50 */;
                .card-item-info-title{
                    position: relative;
                    display: block;
                    padding-right: 10px;
                    text-align: right;
                    .blue{
                        position: absolute;
                        top: .10rem /* 8/50 */;
                        right: 0;
                        display: block;
                        margin-right: 0;
                    }
                }
            }
        }
    }
    .products{
        padding-top: .44rem /* 22/50 */;
        background-color: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                padding:  0 .28rem /* 14/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .product-list{
             margin-top: .24rem /* 12/50 */;
             padding:  0  .13rem /* 6.5/50 */;
             box-sizing: border-box;
             display: flex;
             flex-wrap: wrap;
             justify-content: space-between;
             .product-items{
                width: 3.4rem /* 170/50 */;
                height: 5.4rem /* 270/50 */;
                margin: 0 .05rem /* 2.5/50 */ .24rem /* 12/50 */;
                overflow: hidden;
                border-radius: .16rem /* 8/50 */;
                background-color: #fff;
                .product-item-pic{
                    width: 3.4rem /* 170/50 */;
                    height: 3.7116rem /* 185.58/50 */;
                    img{
                        width: 3.4rem /* 170/50 */;
                        height: 3.7116rem /* 185.58/50 */;
                    }
                }
                .product-item-info{
                    height: 1.689rem /* 84.45/50 */;
                    padding:  .12rem /* 6/50 */ .2rem /* 10/50 */ .2rem /* 10/50 */;
                    box-sizing: border-box;
                    .product-item-info-title{
                        font-size: .26rem /* 13/50 */;
                        line-height: .36rem /* 18/50 */;
                        color: rgb(35, 38, 43);

                    }
                    .blue{
                        height: .429rem /* 21.45/50 */;
                        margin-top: .18rem /* 9/50 */;
                        display: flex;
                        .product-item-info-hua{
                            font-size: .26rem /* 13/50 */;
                            color: #27ABE6;
                            line-height: .4rem /* 20/50 */;
                            margin-right: .04rem /* 2/50 */;
                        }
                        .product-item-info-price{
                            font-size: .26rem /* 13/50 */;
                            color: #27ABE6;
                            line-height: .4rem /* 20/50 */;
                            font-weight: 600;
                        }
                    }
                }
             }
         }
    }
    .concat{
        height: .72rem /* 36/50 */;
        margin: .1rem /* 5/50 */ .48rem /* 24/50 */  .8rem /* 40/50 */;
        box-sizing: border-box;
        width: 6.54rem /* 327/50 */;
        border-radius: .36rem /* 18/50 */;
        text-align: center;
        line-height: .72rem /* 36/50 */;
        background: linear-gradient(
        270deg
        , #189ae0 0%, #19afe8 100%);
        font-weight: 600;
        color: #fff;
        font-size: .3rem /* 15/50 */;
        .ej{
            font-size: .32rem /* 16/50 */;
            font-weight: 600;
            line-height: .72rem /* 36/50 */;
        }
    }
    .step{
        height: 8.3rem /* 415/50 */;
        padding:  .44rem /* 22/50 */  .44rem /* 22/50 */ .2rem /* 10/50 */;
        box-sizing: border-box;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .step-box{
             height: 6.06rem /* 303/50 */;
             width: 100%;
             margin-top: .44rem /* 22/50 */;
         }
         img{
            height: 6.06rem /* 303/50 */;
            width: 100%;
         }
    }
    .requirement{
        height: 9.36rem /* 468/50 */;
        padding: .44rem /* 22/50 */ .48rem /* 20/50 */ .8rem /* 40/50 */;
        box-sizing: border-box;
        background-color: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .form{
             height: 7.12rem /* 356/50 */;
             margin-top: .44rem /* 22/50 */;
             box-sizing: border-box;
             .form-item{
                //  height: .64rem /* 32/50 */;
                 color: #232628;
                 margin-bottom: .32rem /* 16/50 */;
                 font-size: .3rem /* 15/50 */;
                 line-height: .64rem /* 32/50 */;
                 display: flex;
                 .form-item-label{
                     width: 1.28rem /* 64/50 */;
                     height: .64rem /* 32/50 */;
                     margin-right: .24rem /* 12/50 */;
                     color: #71797f;
                     text-align: justify;
                     text-align-last: justify;
                 }
                 #companyName{
                     width: 5.0162rem /* 250.81/50 */   ;
                     height: .64rem /* 32/50 */;
                     padding: 0 .24rem /* 12/50 */;
                     box-sizing: border-box;
                     font-size: .3rem /* 15/50 */;
                     border-radius: .04rem /* 2/50 */;
                    outline: none;
                    border: none;
                 }
                 #intro{
                    width: 5.0162rem /* 250.81/50 */   ;
                    height: 3.2rem /* 160/50 */;
                    padding: .12rem /* 6/50 */  .24rem /* 12/50 */;
                    box-sizing: border-box;
                    font-size: .3rem /* 15/50 */;
                    border-radius: .04rem /* 2/50 */;
                   outline: none;
                   border: none;
                 }
                 
             }
             .form-btn{
                height: .72rem /* 36/50 */;
                border-radius: .36rem /* 18/50 */;
                background: linear-gradient(
                   270deg
                   , #189ae0 0%, #19afe8 100%) ;
                   font-size: .3rem /* 15/50 */;
                   text-align: center;
                   line-height: .72rem /* 36/50 */;
                   color: #fff;
            }
         }
    }

    // 礼品卡部分
    .introduction{
        background-color: #F3F5F7;
        .introduction-title{
            height: 1.68rem /* 84/50 */;
            font-size: .26rem /* 13/50 */;
            color: rgba(35, 38, 40, 0.7);
            padding:  .24rem /* 12/50 */  .24rem /* 12/50 */  0;
            box-sizing: border-box;
            line-height: .36rem /* 18/50 */;
        }
        .introduction-pic{
            height: 8.88rem /* 444/50 */;
            .font{
                display: block;
                width: 5.42rem /* 271/50 */;
                height: 3.66rem /* 183/50 */;
                margin:0 auto;
            }
            .introduction-pic-desc{
                height: .42rem /* 21/50 */;
                text-align: center;
                line-height: .42rem /* 21/50 */;
                font-size: .3rem /* 15/50 */;
                font-weight: 600;
                color: #232628;
            }
            .ecard{
                display: block;
                margin:0 auto;
                width: 6.22rem /* 311/50 */;
                height: 4.38rem /* 219/50 */;
            }
        }
    }
    .feature{
        height: 7.48rem /* 374/50 */;
        padding:  .6rem /* 30/50 */ 0 .4rem /* 20/50 */;
        box-sizing: border-box;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        .feature-item{
            width: 33.33%;
            height: 2.84rem /* 142/50 */;
            margin-bottom: .4rem /* 20/50 */;
            img{
                width: 1.46rem /* 73/50 */;
                height: 1.46rem /* 73/50 */;
                margin:0 auto;
            }
            h3{
                height: .42rem /* 21/50 */;
                margin-top: .2rem /* 10/50 */;
                font-size: .3rem /* 15/50 */;
                font-weight: 600;
                text-align: center;
                line-height: .42rem /* 21/50 */;
                color: #232628;
            }
            p{
                font-size: .26rem /* 13/50 */;
                color: rgba(35, 38, 40, 0.7);
                line-height: .36rem /* 18/50 */;
                margin-top: .04rem /* 2/50 */;
                text-align: center;
            }
        }
    }
    .cards{
        background-color: #F3F5F7;
        .qyqy-top{
            height: .56rem /* 28/50 */;
            display: flex;
            justify-content: center;
            align-items: center;
            .qyqy-left{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
                90deg
                , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                 border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            .qyqy-right{
                width: 1.42rem /* 71/50 */;
                height: .04rem /* 2/50 */;
                background: linear-gradient(
            -90deg
            , rgba(54, 216, 245, 0) 0%, #19afe8 100%);
                border-radius: 0.28571429rem;
                opacity: 0.27;
            }
            p{
                width: 2.64rem /* 132/50 */;
                color: #232628;
                font-size: .42rem /* 21/50 */;
                text-align: center;
            }
         }
         .card-view{
             height: 4.08rem /* 204/50 */;
             img{
                 margin:0 auto;
                 width: 5.42rem /* 271/50 */;
                 height: 3.66rem /* 183/50 */;

             }
             .card-desc{
                 height:.42rem /* 21/50 */;
                 font-size: .3rem /* 15/50 */;
                 font-weight: 600;
                 color: #232628;
                 text-align: center;
                 list-style: .42rem /* 21/50 */;
             }
         }
    }

    // 商务合作部分
    .car{

    }
}


.d{
    height: 1rem /* 50/50 */;
}
.footer{
    width: 100%;
    height: 1rem /* 50/50 */;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    .footer-item{
        width: 25%;
        height: .76rem /* 38/50 */;
        img{
            display: block;
            width: .44rem /* 22/50 */;
            height: .44rem /* 22/50 */;
            margin:0 auto;
        }
        p{
            height: .32rem /* 16/50 */;
            color: #889299;
            font-size: .24rem /* 12/50 */;
            text-align: center;
            line-height: .32rem /* 16/50 */;
        }
    }
}
.tel{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    .mask{
        width: 5.2rem /* 260/50 */;
        height: 4rem /* 200/50 */;
        background-color: #fff;
        border-radius: .24rem /* 12/50 */;
        position: absolute;
        top: 50%;
        left: 50%;
        padding-top: .36rem /* 18/50 */;
        box-sizing: border-box;
        transform: translate(-50% ,-50%);
        p{
            height: .92rem /* 46/50 */;
            color: #232628;
            font-size: .36rem /* 18/50 */;
            text-align: center;
            line-height: .92rem /* 46/50 */;
        }
        .layercont{
            height: 1.7rem /* 85/50 */;
            padding:  0  .56rem /* 28/50 */  .54rem /* 27/50 */;
            box-sizing: border-box;
            p{
                height: .44rem /* 22/50 */;
                font-size: .28rem /* 14/50 */;
                text-align: center;
                line-height: .44rem /* 22/50 */;
                color: #71797F;
            }
            .info{
                height: .56rem /* 28/50 */;
                margin-top: .16rem /* 8/50 */;
                display: flex;
                justify-content: space-between;
                span{
                    color: #71797F;
                    font-size: .28rem /* 14/50 */;
                    line-height: .56rem /* 28/50 */;
                }
                p{
                    width: .84rem /* 42/50 */;
                    height: .56rem /* 28/50 */;
                    border: 1px solid #19afe8;
                    box-sizing: border-box;
                    font-size: .24rem /* 12/50 */;
                    color: #19AFE8;
                    text-align: center;
                    border-radius: .04rem /* 2/50 */;
                    line-height: .56rem /* 28/50 */;
                }
            }
        }
        .layerbtn{
            height: 1.02rem /* 51/50 */;
            box-sizing: border-box;
            display: flex;
            .no{
                width: 2.28rem /* 114/50 */;
                color: #B4BABF;
                border-right: 1px solid #E9ECF0;
                font-size: .32rem /* 16/50 */;
                text-align: center;
                line-height: 1rem /* 50/50 */;
            }
            .yes{
                width: 2.9rem /* 145/50 */;
                line-height: 1rem /* 50/50 */;
                text-align: center;
                font-size: .32rem /* 16/50 */;
                color: #FF734C;
                border-left: 1px solid #E9ECF0;
                box-sizing: border-box;
            }
        }
    
    }
}

.weixin{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    .maskw{
        width:5.4rem /* 270/50 */;
        height: 6.16rem /* 308/50 */;
        background-color: #fff;
        border-radius: .24rem /* 12/50 */;
        position: absolute;
        top: 50%;
        left: 50%;
        padding: .56rem /* 28/50 */;
        box-sizing: border-box;
        transform: translate(-50% ,-50%);
        p{
            height: .44rem /* 22/50 */;
            color: #232628;
            font-size: .32rem /* 18/50 */;
            text-align: center;
            line-height: .44rem /* 22/50 */;
        }
        img{
            width: 2.24rem /* 112/50 */;
            height: 2.24rem /* 112/50 */;
            margin:0 auto;
            margin-top: .36rem /* 18/50 */;
        }
        .info{
                height: .56rem /* 28/50 */;
                margin-top: .4rem /* 8/50 */;
                display: flex;
                justify-content: space-between;
                span{
                    color: #232628;
                    font-size: .26rem /* 14/50 */;
                    line-height: .56rem /* 28/50 */;
                }
                p{
                    width: .84rem /* 42/50 */;
                    height: .56rem /* 28/50 */;
                    border: 1px solid #19afe8;
                    box-sizing: border-box;
                    font-size: .24rem /* 12/50 */;
                    color: #19AFE8;
                    text-align: center;
                    border-radius: .04rem /* 2/50 */;
                    line-height: .56rem /* 28/50 */;
                }
            }
        
        .layerbtn{
            color: #71797F;
            font-size: .24rem /* 12/50 */;
            line-height: .44rem /* 22/50 */;
           margin-top: .16rem /* 8/50 */;
        }
    
    }
}
.qq{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
    .masks{
        width: 5.2rem /* 260/50 */;
        height: 4rem /* 200/50 */;
        background-color: #fff;
        border-radius: .24rem /* 12/50 */;
        position: absolute;
        top: 50%;
        left: 50%;
        padding-top: .36rem /* 18/50 */;
        box-sizing: border-box;
        transform: translate(-50% ,-50%);
        p{
            height: .92rem /* 46/50 */;
            color: #232628;
            font-size: .36rem /* 18/50 */;
            text-align: center;
            line-height: .92rem /* 46/50 */;
        }
        .layercont{
            height: 1.7rem /* 85/50 */;
            padding:  0  .56rem /* 28/50 */  .54rem /* 27/50 */;
            box-sizing: border-box;
            p{
                height: .44rem /* 22/50 */;
                font-size: .28rem /* 14/50 */;
                text-align: center;
                line-height: .44rem /* 22/50 */;
                color: #71797F;
            }
            .info{
                height: .56rem /* 28/50 */;
                margin-top: .16rem /* 8/50 */;
                display: flex;
                justify-content: space-between;
                span{
                    color: #71797F;
                    font-size: .28rem /* 14/50 */;
                    line-height: .56rem /* 28/50 */;
                }
                p{
                    width: .84rem /* 42/50 */;
                    height: .56rem /* 28/50 */;
                    border: 1px solid #19afe8;
                    box-sizing: border-box;
                    font-size: .24rem /* 12/50 */;
                    color: #19AFE8;
                    text-align: center;
                    border-radius: .04rem /* 2/50 */;
                    line-height: .56rem /* 28/50 */;
                }
            }
        }
        .layerbtn{
            height: 1.02rem /* 51/50 */;
            box-sizing: border-box;
            display: flex;
            .nos{
                width: 2.28rem /* 114/50 */;
                color: #B4BABF;
                border-right: 1px solid #E9ECF0;
                font-size: .32rem /* 16/50 */;
                text-align: center;
                line-height: 1rem /* 50/50 */;
            }
            .yess{
                width: 2.9rem /* 145/50 */;
                line-height: 1rem /* 50/50 */;
                text-align: center;
                font-size: .32rem /* 16/50 */;
                color: #FF734C;
                border-left: 1px solid #E9ECF0;
                box-sizing: border-box;
            }
        }
    
    }
}
.active{
    display: block;
}

.go{
    display: none;
    width: .72rem /* 36/50 */;
    height: .72rem /* 36/50 */;
    border-radius: 50%;
    background-color: #FFF;
    opacity: .8;
    position: fixed;
    bottom: 1.2rem /* 60/50 */;
    right: .3rem /* 15/50 */;
    box-shadow: 0 0.28571429rem 0.42857143rem 0 #dee2e5;
    cursor: pointer;
    p{
        width: .48rem /* 24/50 */;
        height: .48rem /* 24/50 */;
        background: url('https://img02.hua.com/m/icon/arrow_Top.png')no-repeat center;
        background-size: contain;
        
        margin:.12rem /* 6/50 */ auto ;
    }
}

